<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta charset="utf-8" />
	<title>茶品展示</title>
	<link rel="stylesheet" href="css/showtealist/css.css" />
	<link rel="stylesheet" href="css/showtealist/reset.css">
    <link rel="stylesheet" href="css/showtealist/all.css">
    <link rel="stylesheet" href="css/index.css">
	<link rel="stylesheet" type="text/css" href="css/showtealist/footer.css"/>
	<script src="js/jquery-3.3.1.min.js"></script>
	<script type="text/javascript">
		$(function(){
			$("#serch").click(function(){
				var word=$("#word").val();
				location.href="TeaServlet?opt=selltea&word="+word;
			})
		})
		
	</script>
</head>
<body>
<!-- header -->
<div id="header">
    <div class="top">
        <div class="top_con clearfix">
            <div class="logo fl"></div>
            <div class="nav fl">
                <div class="nav-im fl"></div>
                <ul class="fl">
					<li><a href="index.jsp">茶坊首页</a></li>
                    <li><a href="culture.jsp">品德文化</a></li>
                    <li><a href="showTeaLists.jsp">茶品展示</a></li>
                    <li><a href="newsCentre.jsp">新闻中心</a></li>
                    <li><a href="#">营销服务</a></li>
                    <li><a href="#">招商联盟</a></li>
                    <li><a href="contactus.jsp">联系我们</a></li>
                    <li><a href="teashoplist.jsp">茶具商店</a></li>
                </ul>
            </div>
                        <div class="login fr">
                <c:if test="${ !empty (User)}">
                	<p class="p2">欢迎${User.passname }!</p>
                </c:if>
                <c:if test="${empty User }">
                <img src="images/login.png" alt=""/>
                <p class="p1" ><a id="Login_start_" href="<%=request.getContextPath()%>/login1.jsp">登录</a>·<a id="Regist_start_" href="<%=request.getContextPath()%>/login2.jsp" >注册</a></p>
                <p class="p2">中/En</p>
                </c:if>
            </div>
        </div>
        <div id="tt"><h1>茶之文化</h1><h2>Tea&nbsp;Culture</h2></div>
    </div>
</div>
<!-- main -->
<div id="main">
	<div id="main_right">
		<div><a href="#">回顶部</a></div>
		<div><a href="teashoplist.jsp">茶具商店</a></div>
	</div>
	<div id="content">
		<div>
			<div id="main_head">
				<div id="main_title">当前位置&gt;菜坊首页&gt;茶品展示&gt;<span style="color: red;">全部</span>&nbsp;:</div>
				<hr />
				<div id="main_search"><br />
					<form method="post" action="TeaServlet?opt=selword">
						<input type="text" id="word" name="word" placeholder="筛选：搜索您喜欢的茶品产地" style="height:20px;width: 500px;">
						<input type="button" style="" id="serch" class="btn btn-primary" value="提交" />
					</form><br />
				</div>
				 <c:if test="${empty tealist }">
					<c:redirect url="TeaServlet?opt=sel"/>
				</c:if> 
				 <c:if test="${empty typelist }">
					<c:redirect url="TypeServlet?opt=gettype"/>
				</c:if> 
				<div id="main_nav">
				<div>
				<span style="font-weight: bold;">品类:</span>
				<c:forEach items="${typelist }" var="type">
<!-- 链接可换 -->	<span id="hover" ><a href="TeaServlet?opt=selname&teaname=${type.id }" onmouseover="mouseover(this)" onmouseout="mouseout(this)">${type.name }</a></span>
				</c:forEach>
				</div>
				<div>
				<span style="font-weight: bold;">产地:</span>
				<c:forEach items="${pageTea.list }" var="type">
				<span class="hover"><a  href="TeaServlet?opt=selproloc&proloc=${type.proloc }" onmouseover="mouseover(this)" onmouseout="mouseout(this)">${type.proloc }</a></span>
				</c:forEach>
				</div>
					<div>
					<span style="font-weight: bold;">品牌:</span>
					<c:forEach var="brand" items="${ brandlist}">
					<span class="hover"><a  href="TeaServlet?opt=selbrand&brandid=${brand.id }" onmouseover="mouseover(this)" onmouseout="mouseout(this)">${brand.name }</a></span>
					</c:forEach>
					</div>
				</div>
			</div>
			
			
			<div id="main_body">
				<%-- <c:if test="${pageTea==null }">
					<script>location.href="/tea/showtealist"</script>
				</c:if> --%>
				<%-- <c:forEach items="${pageTea.teas }" var="tea">
					<div>
						<img src="${tea.pic1 }">
						<div id="">
							<h2>${tea.name }</h2>
							<p>${tea.shortInfo }</p>
						</div>
					</div>
				</c:forEach> --%>
				
				<%--  <c:if test="${empty pageTea }">
					<c:redirect url="TeaServlet?opt=sel"/>
				</c:if> --%> 
				<c:forEach items="${tealist}" var="tea">
				
				<figure>
					<a href="TeaServlet?opt=teadetial&teaid=${tea.id }"><img src="${tea.pic1 }"></a>
					<div id="caption">
						<h3>${tea.name }</h3>
						<h4>品类：普洱生茶 &nbsp;产地：四川</h4>
					</div>
					<figcaption>
						<p id="a1">${tea.name }</p>
						<p id="a2">品类：普洱生茶 &nbsp;产地：${tea.proloc })</p>
						<p id="a3">>${tea.shortinfo }</p>
						<p id="a4">￥${tea.price }</h2>
					</figcaption>
				</figure>
				</c:forEach>
				
			</div>
			<div id="main_page" >
				<a href="">上一页</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
				<a href="">下一页</a>
			</div>
		</div>
	</div>
</div>
<!-- footer -->
<div id="footer">

	<div id="footer1">
		<img src="images/images/logo.png">
	</div>
	<div id="footer2">
		<table id="table1">
			<tr>
				<td></td>
				<td>咨询热线：</td>
			</tr>
			<tr>
				<td></td>
				<td>0371-6645209</td>
			</tr>
			<tr style="height:15px">
				<td></td>
				<td></td>
			</tr>
			<tr>
				<td></td>
				<td>地址：</td>
			</tr>
			<tr>
				<td></td>
				<td>河南省郑州市中原区梧桐街道A区</td>
			</tr>
			<img src="images/showtealist/bottomqq.png">
		</table>
	</div>
	<div id="footer3">
		<img src="images/showtealist/erweima.jpg">
		<p><b>关注公司官方账号</b></p>
	</div>
	<div id="footer4">
		<table id="table2">
			<tr class="tr">
				<td><b>品牌文化</b></td>
				<td><b>茶品展示</b></td>
				<td><b>营销服务</b></td>
				<td><b>友情链接</b></td>
				<td><b>茶具商店</b></td>
			</tr>
			<tr>
				<td><b>品牌介绍</b></td>
				<td><b>普洱生茶</b></td>
				<td><b>店面查询</b></td>
				<td><b>小罐茶</b></td>
				<td><b>陈檀香木茶具</b></td>
			</tr>
			<tr>
				<td><b>茶之文化</b></td>
				<td><b>普洱熟茶</b></td>
				<td><b>官方旗舰店</b></td>
				<td><b>乌龙蜜茶</b></td>
				<td><b>皇家器具</b></td>
			</tr>
			<tr>
				<td><b>茶之文化</b></td>
				<td><b>西湖龙井</b></td>
				<td></td>
				<td><b>云和数据</b></td>
				<td><b>双虎家私</b></td>
			</tr>
			<tr>
				<td><b>茶之健康</b></td>
				<td><b>大红袍</b></td>
				<td></td>
				<td><b>郑州航院</b></td>
				<td><b>魅红茶杯</b></td>
			</tr>
			<tr>
				<td><b>茶之品享</b></td>
				<td><b>茉莉花茶</b></td>
				<td></td>
				<td></td>
				<td></td>
			</tr>
		</table>
	</div>
	<div id="last">CopyRight 2012 云茗茶坊 All Right Reserved 豫ICP备12004376号 技术支持  ：云和数据</div>
</div>
</body>
</html>
